<template>
  <view class="no_data_comp">
    <view class="img_box">
      <image class="img" :src="'https://codeworld-1252003722.cos.ap-shanghai.myqcloud.com/nodata/' + this.type + '.png'" mode="widthFix"></image>
    </view>
    <view class="text_box">
      <slot name="text"></slot>
    </view>
    <view class="btn_box">
      <slot name="btn"></slot>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    props: {
      type: { // 空数据样式类型
        type: Number,
        default: 1
      }
    },
    data() {
      return {}
    },
    created() {},
    methods: {}
  }
</script>

<style scoped lang="scss">
  .no_data_comp {
    // margin-top: 98rpx;
    .img_box {
      text-align: center;
      .img {
        width: 460rpx;
      }
    }
    .text_box {
      // margin-top: 50rpx;
      text-align: center;
      font-size: 25rpx;
      font-family: SourceHanSansSC-Regular, SourceHanSansSC;
      font-weight: 400;
      color: #6C6C6C;
      line-height: 35rpx;
    }
    .btn_box{
      margin-top: 50rpx;
      text-align: center;
    }
  }
</style>
